﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div class="row">
        <div class="col-sm-12">
            <p>
                Nivo Slider is an open source jQuery plugin built by dev7studios.com. It provides many cool features from multiple slider types to transition effects ranging from slicing and sliding to fading and folding. <br/>
               <br/> For more info, visit <a href="http://docs.dev7studios.com/jquery-plugins/nivo-slider">Dev7studios.com Nivo Slider Page</a> or check out their <a href="http://demo.dev7studios.com/nivo-slider/">Online Demo </a></p>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <h3 class="page-header">Featured screenshots</h3>
        </div>

        <div class="col-sm-8">
            <img src="../lists/Templates/beta/nivoslider/content/imgs/featured.png" class="img-thumbnail" alt="featured screenshot" title="featured screenshot" />
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <h3 class="page-header">Supported browsers</h3>
        </div>
        <div class="col-sm-10">
            <ul class="list-group">
                <li class="list-group-item">
                    <span class="badge">v7+</span>
                    Internet Explorer
                </li>
                <li class="list-group-item">
                    <span class="badge">Supported</span>
                    Firefox
                </li>
                <li class="list-group-item">
                    <span class="badge">Supported</span>
                    Google Chrome
                </li>
                <li class="list-group-item">
                    <span class="badge">Supported</span>
                    Safari
                </li>
                <li class="list-group-item">
                    <span class="badge">Supported</span>
                    Opera
                </li>
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <h3 class="page-header">Required List columns</h3>
            <p>This template can apply on list views that have the following columns:</p>
        </div>
        <div class="col-sm-10">
            <table class="table table-striped table-hover ">
                <thead>
                    <tr>
                        <th class='col-sm-2'>Template Field</th>
                        <th class='col-sm-4'>Type</th>
                        <th class='col-sm-3'>Usage</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>fldTitle</td>
                        <td>Single line of text</td>
                        <td>Image tooltip (alt)</td>
                    </tr>
                    <tr>
                        <td>fldImage</td>
                        <td>Hyperlink or Picture (Picture)</td>
                        <td>Slide Image</td>
                    </tr>
                    <tr>
                        <td>fldLink</td>
                        <td>Hyperlink or Picture (Hyperlink)</td>
                        <td>Slide on click link</td>
                    </tr>
                    <tr>
                        <td>fldDescription</td>
                        <td>Multiple lines (Enhanced rich text)</td>
                        <td>Slide description area, html content is allowed</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-sm-12">
            <blockquote class="border-info">
                <p class="text-info">Info</p>
                <p><h5>If you have different column names you can change them from the <b>Apply</b> tab and change field mappings from the <b>Fields Mapping section</b>.</h5></p>
            </blockquote>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <h3 class="page-header">Settings</h3>
            <p>This template has the following settings to play with. Below are the available settings with all options and their default values:</p>

        </div>
        <div class="col-sm-10">
            <table class="table table-striped table-hover ">
                <thead>
                    <tr>
                        <th class='col-sm-3'>Setting</th>
                        <th class='col-sm-3'>Default</th>
                        <th class='col-sm-6'>Usage</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>width</td>
                        <td>100%</td>
                        <td>Slider width size </td>
                    </tr>
                    <tr>
                        <td>effect</td>
                        <td>random</td>
                        <td>Specifies sets like: 'fold,fade,sliceDown'</td>
                    </tr>
                    <tr>
                        <td>slices</td>
                        <td>15</td>
                        <td>For slicing animations</td>
                    </tr>
                    <tr>
                        <td>boxCols</td>
                        <td>8</td>
                        <td>For box animations</td>
                    </tr>
                    <tr>
                        <td>boxRows</td>
                        <td>4</td>
                        <td>For box animations</td>
                    </tr>
                    <tr>
                        <td>animSpeed</td>
                        <td>500</td>
                        <td>Slide transition speed</td>
                    </tr>
                    <tr>
                        <td>pauseTime</td>
                        <td>3000</td>
                        <td>How long each slide will show</td>
                    </tr>
                    <tr>
                        <td>startSlide</td>
                        <td>0</td>
                        <td>Set starting Slide (0 index)</td>
                    </tr>
                    <tr>
                        <td>directionNav</td>
                        <td>true</td>
                        <td>Next & Prev navigation</td>
                    </tr>
                    <tr>
                        <td>controlNav</td>
                        <td>true</td>
                        <td>1,2,3... navigation</td>
                    </tr>
                    <tr>
                        <td>controlNavThumbs</td>
                        <td>false</td>
                        <td>Use thumbnails for Control Nav</td>
                    </tr>
                    <tr>
                        <td>pauseOnHover</td>
                        <td>true</td>
                        <td>Stop animation while hovering</td>
                    </tr>
                    <tr>
                        <td>manualAdvance</td>
                        <td>false</td>
                        <td>Force manual transitions</td>
                    </tr>
                    <tr>
                        <td>prevText</td>
                        <td>Prev</td>
                        <td>Prev directionNav text</td>
                    </tr>
                    <tr>
                        <td>nextText</td>
                        <td>Next</td>
                        <td>Next directionNav text</td>
                    </tr>
                    <tr>
                        <td>randomStart</td>
                        <td>false</td>
                        <td>Starts on a random slide</td>
                    </tr>
                    <tr>
                        <td>renditionID</td>
                        <td>0</td>
                        <td>SP rendition ID of slide image (0 normal image dimensions). <b>Make sure to use a rendition that fits with the slider's 'width' size</b></td>
                    </tr>
                    <tr>
                        <td>thumbRenditionID</td>
                        <td>0</td>
                        <td>SP rendition ID of thumbnail image (0 normal image dimensions)</td>
                    </tr>
                    <tr>
                        <td>theme</td>
                        <td>default</td>
                        <td>Nivo Slider theme. change theme style sheet file is required</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
  
    <div class="row">
        <div class="col-sm-12">
            <h3 class="page-header">Credit</h3>
            <p>The following libraries were used to help creating this template:</p>

        </div>
        <div class="col-sm-10">
            <table class="table table-striped table-hover ">
             
                <tbody>
                    <tr>
                        <td><a href="http://docs.dev7studios.com/jquery-plugins/nivo-slider" target="_blank">Nivo Slider (v3.2)</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>